
body{
	background-color:#ffda8b;
	font: 11px verdana, sans-serif;
}

.ui-datepicker {
     font-size: 12px !important;
 }

form{
	/*position:absolute;*/	/* enlevée pour la validation: pertube le positionnement du message d'erreur*/
    /*font: 11px verdana, sans-serif;*/
	float:left;
	background-color:#ddd;
    padding:5px;
	width:1014px;/* parce que 1024-(2*5)(padding) = 1014 */
	clear:left;
	-moz-box-shadow:0px 0px 2px black;
	-webkit-box-shadow:0px 0px 2px black;
	box-shadow: 0 0 2px black;
}


/*<<<<<<taille des différents input d'entrée>>>>>*/
.petit{
	width:50px;
	margin-right:108px;
}

.moyen{
	width:100px;
	margin-right:58px;
}

.grand{
	width:140px;
	margin-right:18px;
}

td.tres_grand{
	width:100px;
}

.une_lettre{
	width:20px;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*<<<<pour tout ce qui est dans une table>>>>>>>>>>>>>>>*/

/* Enlève les margin à droite quand  l'input se trouve dans un tableau*/
.tableau_general td input{
	margin-right:auto;
	margin-left:auto;
	width:100%;
}

td input{
	border:none;
	width:100%;
	margin:0;
}

td input[type=text]:focus, td input[type=textfield]:focus{
	outline:1px solid orange;
}


td.petit, th.petit, td.moyen, th.moyen, td.grand, th.grand{
	margin:0;
}

table{
	border-collapse:collapse;	/* Pour que les bordures du tableau fusionnent*/
	font-size:12px;
	margin-left:auto;
	margin-right:auto;
}

.table{
	border-collapse:collapse;	/* Pour que les bordures du tableau fusionnent*/
	font-size:12px;
	width:1000px;
	margin:auto;
}

.table td input[type=text], .table td input[type=textfield]{
	border:none;
	height:23px;
}

.table td{
	border:1px solid gray !IMPORTANT;
	padding:0;
	margin:0;
}

.table th{
	border:1px solid gray;
	background:#bbb;
}

tr:hover input[type=text], tr:hover input[type=textfield]{
	background:#eee;
}

tr:hover input[type=text]:focus, tr:hover input[type=textfield]:focus{
	background:#fff;
}

.supprim{
	/*display:none;*/
	width:10px;
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/


legend {
	font-weight:bold;
}
 
label{
	padding:2px;
	float:left;
	clear:left;
	width:150px;
	height:2.5em;
	margin-left:8px;
}

label:hover{
	color:#555;
}

fieldset label{
	margin-left:0;
}

label.c2{
	clear:right;
	margin-left:0px;
	display:inline;
}

input[type=text],input[type=password],input[type=textfield],input[type=checkbox],textarea,input[type=date]{
	border:1px solid gray;
	padding:2px;
	float:left;
}

select{
	border:1px solid gray;
	float:left;
	clear:right;
	width:158px;
	margin-bottom:5px;
	height:25px;
}

input[type="checkbox"]{
	margin-left:0px;
}

input[type=radio]{
	padding:2px;
	float:left;
 }

input:focus,textarea:focus{
	border:1px solid orange;
}

input[type=radio]:focus, input[type=button]:focus{
 	border:none;
}

textarea{
	height:80px;
	width:150px;
	float:left;
	resize:none;
	margin-bottom:5px;
}
/*
label.field{
	width:100px;
}
*/

fieldset {
	clear:left;
	padding:5px;
	margin:5px;
	border:1px solid #555;
 }

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.radio_label{
	clear:right;
	float:left;
	margin-left:0;
	width:auto;
}


#places_accompagnateurs,#places_restantes{
	margin-top:5px;
}

/**************Style pour les boutons************/

input[type=button], input[type=submit], input[type=reset]{
	border:none;
	padding-top:2px;
	padding-bottom:2px;
	
	-moz-box-shadow: 0 0 2px black;
	-webkit-box-shadow: 0 0 2px black;
	box-shadow: 0 0 2px black;
	
	-moz-border-radius: 2px;
	border-radius: 2px; 

	background: #ffb76b; /* Old browsers */

	background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C */
}



input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover{
	background: #FFC68E; /* Old browsers */
	background: -moz-linear-gradient(top, #FFC68E 0%, #ffa73d 50%, #FF922D 51%, #FF8C21 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFC68E), color-stop(50%,#ffa73d), color-stop(51%,#FF922D), color-stop(100%,#FF8C21)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FFC68E 0%,#ffa73d 50%,#FF922D 51%,#FF8C21 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FFC68E 0%,#ffa73d 50%,#FF922D 51%,#FF8C21 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #FFC68E 0%,#ffa73d 50%,#FF922D 51%,#FF8C21 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFC68E', endColorstr='#FF8C21',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #FFC68E 0%,#ffa73d 50%,#FF922D 51%,#FF8C21 100%); /* W3C */
}


input[type=button]:active, input[type=submit]:active, input[type=reset]:active{
	-moz-box-shadow: 0 0 1px black;
	-webkit-box-shadow: 0 0 1px black;
	box-shadow: 0 0 1px black;
}

input[type=checkbox]{
	margin-right:145px;
}

input:hover
	outline:1px solid orange;
}


/***********************************************/

#label_recherche{
	padding:0px;
	float:left;
	clear:none;
	width:90px;
	height:1em;
	padding:0px;
}

/************** FIL D'ARIANE *************/
#path{
	/*position:fixed;*/
	z-index:100;
	position_absolute;
	left:0;
	top:0;
	clear:left;
	background:orange;
	font: 14px verdana, sans-serif;
	width:1024px;
	margin:auto;
	padding-top:2px;
	padding-bottom:0px;
	margin-bottom:0;
	-moz-box-shadow: 0 0 2px black;
	-webkit-box-shadow: 0 0 2px black;
	box-shadow: 0 0 2px black;
	
	-moz-border-radius: 2px;
	border-radius: 2px; 
}

.chevron{
	font-weight:bolder;
}

/********************************************/
.bouton
{
	float:left;
	clear:left;
}

/************** BOX *************/
/* Divs pour regrouper des éléments. Comme une superclasse de table_box et button_box*/
/*.box{
	
}
*/
/* Regroupe un tableau d'input et ses deux boutons ajouter/supprimer une ligne*/
.table_box{
	float:left;
}

/* Regroupe des boutons ensemble : ajouter/supprimer ou annuler/valider*/
.button_box{
	float:right;
	clear:both;
	margin-top:10px;
}

.button_box input{
	color:#111;
}

/* Pour distinguer les boutons importants des autres */
input[type=submit], input[type=reset]{
	color:#000;
	font-weight:400;
}
/**************************************/
.commentaire{
	width:400px;
	
}

.colonne{
	width:48%;
	margin-right:5px;
	padding:2px;
	float:left;
	margin-left:8px;
}

.colonne.c2{
	width:48%;
	clear:right;
	margin-left:5px;
	display:inline;
}

/*

.colonne_gauche{
	border: 2px solid red;
	width:35%;
	clear:left;
	margin:0;
	display:inline;
}

.colonne_droite{
	border: 2px solid green;
	width:35%;
	clear:right;
	margin-left:0px;
	margin-right:0px;
	display:inline;
}
*/

.javascript{
	display:none;
}

.court{
	width:80px;
}

.marge_droite{
	margin-right:142px;
}

/*

#ad-tab_param td:hover{
	background:#eee;
}

.ad-add_param{
	float:right;
	display:none;
}

#ad-tab_param td:hover .ad-add_param{
	display:block;
}
*/